        input {
            padding: 0;
        }
        
        .content {
            max-width: 7.5rem;
            width: 100%;
            margin: 0 auto;
            height: 100%;
            background: url("../images/login_bg.jpg") no-repeat;
            background-size: 100% 100%;
            text-align: center;
        }
        
        .content img {
            width: 1.76rem;
            height: 1.76rem;
            border-radius: 50%;
            margin-top: 2.42rem;
            margin-bottom: .32rem;
        }
        
        .content h3 {
            font-size: .58rem;
            color: #ff5a65;
        }
        
        .content p {
            font-size: .435rem;
            margin-bottom: 1.33rem;
            margin-top: .3rem;
        }
        
        .content>form>input {
            width: 4.14rem;
            height: .85rem;
            padding-bottom: .04rem;
            color: #ff5a65;
            border-radius: .49rem;
            background-color: #fff;
            border: .03rem solid #ff5a65;
            font-size: .48rem;
        }
        
        .content form input:hover {
            background-color: #ff5a65;
            color: #fff;
        }
        
        .content form input.checked {
            background-color: #ff5a65;
            color: #fff;
        }
        
        .content form input:last-child {
            margin-top: .37rem;
        }
        /* 登录输入页面 */
        
        .login {
            max-width: 7.5rem;
            width: 100%;
            margin: 0 auto;
            height: 100%;
            padding-top: 1.86rem;
            background: url("../images/login_input_bg.jpg") no-repeat;
            background-size: 100% 100%;
            text-align: center;
        }
        
        .login img {
            width: 1.43rem;
            height: 1.43rem;
            border-radius: 50%;
            display: block;
            margin: 0 auto;
            margin-bottom: .48rem;
        }
        
        .login h3 {
            width: 2.5rem;
            text-align: center;
            margin: 0 auto;
            font-size: .48rem;
            color: #ff5a65;
            margin-bottom: 1.12rem;
        }
        
        .login form {
            width: 5.3rem;
            margin: 0 auto;
        }
        
        .login form input {
            font-size: .3rem;
            width: 5.28rem;
            height: 0.85rem;
            padding-bottom: .04rem;
            border: 1px solid #ff5a65;
            border-radius: .42rem;
            text-indent: .35rem;
        }
        
        .login form input::placeholder {
            color: #666666;
        }
        
        .login form input:first-child {
            margin-bottom: .43rem;
        }
        
        .login form input:nth-child(2) {
            margin-bottom: .43rem;
        }
        
        .login form input:last-child {
            background-color: #ff5a65;
            width: 5.3rem;
            height: 43px;
            font-size: .4rem;
            color: #fff;
            text-indent: 0;
            text-align: center;
            margin-top: .85rem;
            margin-bottom: 2.08rem;
        }
        
        .login form>a {
            height: .28rem;
            line-height: .28rem;
            font-size: .24rem;
            color: #8c8c8c;
        }
        
        .login form a:nth-child(3) {
            float: left;
        }
        
        .login form a:nth-child(4) {
            float: right;
        }
        
        .login form button {
            font-size: .4rem;
            width: 5.28rem;
            height: 0.98rem;
            line-height: .98rem;
            border: 1px solid #ff5a65;
            border-radius: .42rem;
            background-color: #ff5a65;
            color: #fff;
        }
        
        .login .sanfang {
            width: 1.6rem;
            height: 0.35rem;
            margin: 0 auto;
            margin-bottom: .5rem;
        }
        
        .login .sanfang p {
            position: relative;
            font-size: .24rem;
            color: #b3b3b3;
            text-align: center;
        }
        
        .login .sanfang p::before {
            content: '';
            display: block;
            position: absolute;
            width: .1rem;
            height: .01rem;
            background-color: #666666;
            top: .16rem;
            left: .03rem;
        }
        
        .login .sanfang p::after {
            content: '';
            display: block;
            position: absolute;
            width: .1rem;
            height: .01rem;
            background-color: #666666;
            top: .16rem;
            right: .06rem;
        }
        
        .otherlogin {
            width: 4.46rem;
            height: 0.6rem;
            margin: 0 auto;
        }
        
        .otherlogin li {
            display: block;
            float: left;
            margin: 0;
            height: 0.6rem;
            line-height: 0.6rem;
        }
        
        .otherlogin li span {
            font-size: .6rem;
            color: #d2d2d2;
            width: 0.6rem;
            height: 0.6rem;
            border-radius: 50%;
            -moz-box-shadow: 0px 0px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            -webkit-box-shadow: 0px 0px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
            box-shadow: 0px 0px 20px #b8b8b8, 2px 2px 5px #b8b8b8;
        }
        
        .otherlogin li:nth-child(2) {
            margin-right: 1.33rem;
            margin-left: 1.33rem;
        }
        
        .otherlogin::after {
            content: '';
            display: block;
            clear: both;
        }